<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">        
        <title>.:TecnoEmpleo:.</title>
        <meta name="description" content="TecnoEmpleo te ayuda a crecer">
        <link rel="stylesheet" href="../css/estiloRegistrar_Hoja_Vida_Experiencia_Laboral.css">       
        <script src="//use.edgefonts.net/raleway.js"></script>
                
    <body>
        <!--CONTENEDOR GENERAL-->
    
        <div id="contenedorGeneral">
            
            <!--HEADER-->
            <div id="cabecera">
            <div id="head">
                <a href="../index.html" id="logo"></a>
                
                <!--MENU DE NAVEGACIÃƒâ€œN-->
                
                <div id="esquinaizq">
                    <nav>
                        <ul id="menu_principal">
                            <li><a href="../index.html">INICIO</a></li>
                            <li><a href="#">QUIÉNES SOMOS</a></li>
                            <li><a href="#">OFERTAS</a>
                                <ul id="sub_menu_oferta">
                                    <li><a href="#">Ofertas para Practicantes</a></li>
                                    <li><a href="#">Ofertas para Egresados</a></li>
                                    <li><a href="Registrar_tipo_oferta.html">
									Registrar Oferta</a></li>
                                </ul><!--Fin de la Ul sub menu Ofertas-->
                            </li>
                            <li><a href="#">EMPRESAS</a>
                                <ul id="sub_menu_empresa">
                                    <li><a href="#">Consultar lista de Empresas</a></li>
                                    <li><a href="#">Registre su Empresa</a></li>                                                     
                                </ul><!--Fin de la Ul sub menu Empresas-->
                            
                            </li>
                            <li><a href="#">REGISTRATE</a>
                                <ul id="sub_menu_registro">
                                    <li><a href="#">Ingresa aquí si eres 
									Estudiante</a></li>
                                    <li><a href="#">Ingresa aquí si eres 
									Egresado</a></li>                                                     
                                </ul><!--Fin de la Ul sub menu Registro-->
                            
                            </li>
                            <li><a href="#">TÉRMINOS Y CONDICIONES</a></li>
                        </ul><!--Fin de la Ul menu navegacion-->
                    </nav><!--Fin del nav-->
                </div><!--Fin del esquinaizq-->
                
                <!--CAJA DE BUSQEUDA-->
                
                <div id="contenedor_busqueda">
                    <form action="" method="post" id="inicio_sesion_form">
                        <input type="text" placeholder="nombre de usuario..." class="caja_busqueda" name="nombre_usuario" pattern="[0-9]{7}" title="Solo Números, mímimo 7" required>
                        <input type="password" placeholder="contraseña..." class="caja_busqueda" name="contrasena_usuario" pattern="[0-9]{7}" title="Solo Números, mímimo 7" required>
                        <button id="login" type="submit">Login</button>
                    </form>
                    
                </div><!--Fin del contenedor_busqueda-->
                <div id="bannerPublicitario"></div><!--Fin del banner_Publicitario--> 
            </div><!--Fin del Head-->
            </div> <!--FIN DE LA CABECERA-->
            
            <!--CONTENIDO DE LA PAGINA-->
            
            <div id="contenido">
            
               
                <div id="contenido_principal">
                
                    <div class="titulo_seccion">
                        <p class="titulo">REGISTRAR EXPERIENCIA LABORAL</p>
                        <p class="subtitulo">¡Registra tu Hoja de Vida y comienza tu vida laboral!</p>
                    
                    </div><!--Fin del titulo seccion-->
                    <div id="contenido_seccion">
                        <form action="" method="post">
                                <div id="izquierdo">
                                    <div class="internoDerecho"><label for="cargo_experiencia">Cargo (experiencia 1)</label><input type="text" name="cargo_experiencia" pattern="[a-zA-Z]{2}" title="Solo se admiten letras" class="ancho" id="cargo_experiencia" required></div>
                                    <div class="internoDerecho" style="height:123px"><label for="funciones_experiencia">Funciones</label><textarea class="tamano" maxlength="500" placeholder="Describe brevemente las funciones que realizaste bajo ese cargo" pattern="[a-zA-Z]{2}" required></textarea>
                                        </div>
                                    <div class="internoDerecho"><label for="cantidad2">Duración</label>
                                        <select name="cantidad2" id="cantidad2">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                            <option>6</option>
                                            <option>7</option>
                                            <option>8</option>
                                            <option>9</option>
                                            <option>10</option>
                                            <option>11</option>
                                            <option>12</option>
                                            
                                        </select>
                                        <label for="tiempo2" style="margin-left:200px">Tiempo</label><select name="tiempo2" id="tiempo2" class="float_right">
                                            <option>Semana</option>
                                            <option>Mes</option>
                                            <option>Año</option>                                            
                                        </select></div>
                                    <div class="internoDerecho"><label for="nombre_empresa">Nombre de la Empresa</label><input type="text" name="nombre_empresa" pattern="[a-zA-Z]{2}" title="Solo se admiten letras" class="ancho" id="nombre_empresa" required></div>
                                    
                            
                                </div><!--Fin de div #izquierdo-->    
                                    
                                <div id="derecho">
                                    <div class="internoIzquierdo"><label for="cargo_experiencia2">Cargo (experiencia 2)</label><input type="text" name="cargo_experiencia2" pattern="[a-zA-Z]{2}" title="Solo se admiten letras" class="ancho" id="cargo_experiencia2"></div>
                                    <div class="internoIzquierdo" style="height:123px"><label for="funciones_experiencia2">Funciones</label><textarea class="tamano" maxlength="500" placeholder="Describe brevemente las funciones que realizaste bajo ese cargo" id="funciones_experiencia2" pattern="[a-zA-z]{2}"></textarea>
                                        </div>
                                    <div class="internoIzquierdo"><label for="cantidad3">Duración</label>
                                        <select name="cantidad3" id="cantidad3">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                            <option>6</option>
                                            <option>7</option>
                                            <option>8</option>
                                            <option>9</option>
                                            <option>10</option>
                                            <option>11</option>
                                            <option>12</option>
                                            
                                        </select>
                                        <label for="tiempo3" style="margin-left:200px">Tiempo</label><select name="tiempo3" id="tiempo3" class="float_right">
                                            <option>Semana</option>
                                            <option>Mes</option>
                                            <option>Año</option>                                            
                                        </select></div>
                                    <div class="internoIzquierdo"><label for="nombre_empresa2">Nombre de la Empresa</label><input type="text" name="nombre_empresa2" pattern="[a-zA-Z]{2}" title="Solo se admiten letras" class="ancho" id="nombre_empresa2"></div>
                                    <div id="boton">
                                    
                                    <div class="botones">
                                    <input type="submit" name="guardar_datos" id="guardar_datos" value="GUARDAR DATOS" class="boton opcion"></div>    
                                    </div><!--Fin de div #boton-->
                                </div><!--Fin de div #derecho-->
                        </form><!--Fin del Formulario Estudios Realizados-->
                    </div><!--Fin de contenido seccion-->
                </div><!--Fin del Contenido principal-->
                <div class="footer" id="footer">
                    <ul class="opciones_footer">
                        <li class=""><a href="#">Ofertas</a></li>
                        <li><a href="#">Contáctenos</a></li>
                        <li><a href="#">Empresas</a></li>
                        <li><a href="#">Términos y Condiciones</a></li>
                    </ul>
                
                </div><!--Fin del FOOTER-->
            </div><!--Fin del Contenido-->
            
        </div><!--Fin del Contenedor General-->    
</body>
</html>